<style>
.box {
  border: 1px solid grey;
  width: 140px;
  float: left;
  margin-right: 50px;
}
span {
  display: inline-block;
}
</style>

下面的选项会改变右边框框的样式，左边框框的样式不会变
</br></br>
<div>
  <div class="box">
    Hi&nbsp;&nbsp;,
    This   is a incomprehensibilities long word.
    </br>
    你好&nbsp;&nbsp;，
    这   是一个不可思议的长单词
  </div>
  <div id="example" class="box">
    Hi&nbsp;&nbsp;,
    This   is a incomprehensibilities long word.
    </br>
    你好&nbsp;&nbsp;，
    这   是一个不可思议的长单词
  </div>
  <div style="clear: both"></div>
</div>
</br>
<div>
  white-space:
  <select id="s1">
    <option value="normal">normal</option>
    <option value="nowrap">nowrap</option>
    <option value="pre">pre</option>
    <option value="pre-wrap">pre-wrap</option>
    <option value="pre-line">pre-line</option>
  </select>
</div>
<div>
  word-break:
  <select id="s2">
    <option value="normal">normal</option>
    <option value="break-all">break-all</option>
    <option value="keep-all">keep-all</option>
    <option value="break-word">break-word</option>
  </select>
</div>
<div>
  word-wrap:
  <select id="s3">
    <option value="normal">normal</option>
    <option value="break-word">break-word</option>
  </select>
</div>

<br />
<a target="_blank" href="https://www.cnblogs.com/dfyg-xiaoxiao/p/9640422.html">https://www.cnblogs.com/dfyg-xiaoxiao/p/9640422.html</a>